﻿
@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="/Content/ytcms/css/Details.css" rel="stylesheet" />

@model YTCMS.Domain.Entities.products
<link href="/Content/gallery/css/jquery.ad-gallery.css" rel="stylesheet" />
<script src="/Content/gallery/js/jquery.ad-gallery.js"></script>
<script src="/Content/gallery/js/zzsc.js"></script>
<div class="jumbotron details">
    <div class="container">
        <div class="detailTitle">
            <div class="title">
                <h2 title="【07轻奢知行家】印象南半球：澳新凯">@Model.Name</h2>
                @*<span class="keyword">澳大利亚 新西兰</span>
                <span class="form"><i>北京出发</i></span>*@
            </div>
            <div class="price">
                <span class="preferential">
                    <ins>@Model.Price</ins>起
                </span>
            </div>
        </div>

        <div class="detailBody margin-top-40">
            <div class="row">
                <div class="col-md-6">
                    <div class="productImg">
                        <div id="gallery" class="ad-gallery">
                            <div class="ad-image-wrapper">
                            </div>
                            <div class="ad-controls">
                            </div>
                            <div class="ad-nav">
                                <div class="ad-thumbs">
                                    <ul class="ad-thumb-list">
                                        
                                        @{
                                            var imgs = ViewData["imgs"] as IQueryable<YTCMS.Domain.Entities.images>;
                                            if (imgs.Any())
                                            {
                                                foreach (var item in imgs)
                                                {
                                                    <li>
                                                        <a href="@item.Url.Replace("_120x120", "_600x400")">
                                                            <img src="@item.Url.Replace("_120x120","_90x60")" class="image0">
                                                        </a>
													</li>
                                                }
                                            }
                                        }
                                        @*<li>
                                            <a href="/Content/gallery/images/10.jpg">
                                                <img src="/Content/gallery/images/thumbs/t10.jpg" title="A title for 10.jpg" alt="This is a nice, and incredibly descriptive, description of the image 10.jpg" class="image1">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/11.jpg">
                                                <img src="/Content/gallery/images/thumbs/t11.jpg" title="A title for 11.jpg" longdesc="http://coffeescripter.com" alt="This is a nice, and incredibly descriptive, description of the image 11.jpg" class="image2">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/12.jpg">
                                                <img src="/Content/gallery/images/thumbs/t12.jpg" title="A title for 12.jpg" alt="This is a nice, and incredibly descriptive, description of the image 12.jpg" class="image3">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/13.jpg">
                                                <img src="/Content/gallery/images/thumbs/t13.jpg" title="A title for 13.jpg" alt="This is a nice, and incredibly descriptive, description of the image 13.jpg" class="image4">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/14.jpg">
                                                <img src="/Content/gallery/images/thumbs/t14.jpg" title="A title for 14.jpg" alt="This is a nice, and incredibly descriptive, description of the image 14.jpg" class="image5">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/2.jpg">
                                                <img src="/Content/gallery/images/thumbs/t2.jpg" title="A title for 2.jpg" alt="This is a nice, and incredibly descriptive, description of the image 2.jpg" class="image6">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/3.jpg">
                                                <img src="/Content/gallery/images/thumbs/t3.jpg" title="A title for 3.jpg" alt="This is a nice, and incredibly descriptive, description of the image 3.jpg" class="image7">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/4.jpg">
                                                <img src="/Content/gallery/images/thumbs/t4.jpg" title="A title for 4.jpg" alt="This is a nice, and incredibly descriptive, description of the image 4.jpg" class="image8">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/5.jpg">
                                                <img src="/Content/gallery/images/thumbs/t5.jpg" title="A title for 5.jpg" alt="This is a nice, and incredibly descriptive, description of the image 5.jpg" class="image9">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/6.jpg">
                                                <img src="/Content/gallery/images/thumbs/t6.jpg" title="A title for 6.jpg" alt="This is a nice, and incredibly descriptive, description of the image 6.jpg" class="image10">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/7.jpg">
                                                <img src="/Content/gallery/images/thumbs/t7.jpg" title="A title for 7.jpg" alt="This is a nice, and incredibly descriptive, description of the image 7.jpg" class="image11">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/8.jpg">
                                                <img src="/Content/gallery/images/thumbs/t8.jpg" title="A title for 8.jpg" alt="This is a nice, and incredibly descriptive, description of the image 8.jpg" class="image12">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Content/gallery/images/9.jpg">
                                                <img src="/Content/gallery/images/thumbs/t9.jpg" title="A title for 9.jpg" alt="This is a nice, and incredibly descriptive, description of the image 9.jpg" class="image13">
                                            </a>
                                        </li>*@
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="xlts">
                        <span >线路特色</span>
                        <div>
                            <hr>
                        </div>
                    </div>
                    <div style="" class="xlts_info">
                        @Html.Raw(Model.Feature)
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="tab22" id="tab_nav" style="">
                    <a href="#Remark" class="ok">线路简介</a>
                    <a href="#Hodometer" class="nones">每日行程</a>
                    <a href="#Agreement" class="nones" style="border:none;">费用说明</a>
                </div>
            </div>
            <div class="row">
                <div class="main lxld_left" style="background:#fff; margin-top:0;">
                    <div id="Remark" class="sdc">
                        <div class="jdesxq detail">
                            <!--<p><span><b>亮点简介/设计理念</b></span></p>-->
                            <div id="itin1">
                                <div class="itinerary_title">线路简介</div>
                                @Html.Raw(Model.Remark)
                            </div>
                        </div>
                    </div>

                    <div id="Hodometer" class="detail" style="margin-top:30px;position:relative;">

                    </div>

                    <div id="Agreement" class="detail" style="margin-top:30px;position:relative;">

                    </div>
                </div>
                <div class="lxld_right">
                    <div class="lxld_djld" style="height:120px;">
                        <span>咨询联系电话</span>
                        <span style="margin-top: 65px;">
                            <hr style="width:130px;">
                        </span>
                        
                    </div>
                    <div class="phone">
                        4001234567
                    </div>
                    <div class="lxld_djld margin-top-10">
                        <img class="lxld_djld_img" src="/Content/ytcms/img/lxld_djld.jpg">
                        <div class="lxld_djld_content">
                            <p>
                                避开嘈杂人群，玩转日本小众九州！
                            </p>
                            <p>
                                置身长崎欧洲荷兰风情豪斯登堡乐园！
                            </p>
                            <p>
                                嬉野、汤布院、别府体验特色温泉，巡游8大地狱温泉奇景！
                            </p>
                            <p>
                                熊本尝特色马肉刺身！
                            </p>
                        </div>
                    </div>

                    <div class="lxld_djld margin-top-10" style="padding-left: 100px;padding-top: 30px; background:none;">
                        <img src="/Content/ytcms/img/ljyd.png" />
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/jscript">
    var is_scrolling = false;
    var body_half_height = parseInt($(window).height()) / 2;

    $(function () {
        var top_s = 704; //754;
        var down_s = 564;
        $(window).scroll(function () {
            var scrollTop = $(this).scrollTop();
            //alert(scrollTop);
            if (top_s >= scrollTop) {
                $("#tab_nav").removeClass("fixed");
            }
            else if (scrollTop >= ($(document).height() - 1060)) {
                //滚动到weix DIV前停止
            }
            else {
                $("#tab_nav").addClass("fixed");
            }
        })
    })

</script>